<!--
 * @Date: 2023-03-22 12:30:58
 * @LastEditTime: 2023-03-31 15:18:06
 * @FilePath: /NLK/src/components/business/BtabbarNav/BtabbarNav.vue
 * 介绍:
-->
<script lang="ts" setup>
import BangSelect from "@@/components/business/BangSelect.vue";
import Binvite from "@@/components/business/Binvit.vue";
import useBalanceStore from "@@/store/useBalanceStore";
const balanceStore = useBalanceStore();
const { ethCoinEnum } = storeToRefs(balanceStore);
const props = defineProps<{
  title?: string;
}>();
const BangSelectRef = ref<InstanceType<typeof BangSelect>>();
const BinviteRef = ref<InstanceType<typeof Binvite>>();
</script>

<template>
  <div class="BtabbarNav">
    <BangSelect ref="BangSelectRef" />
    <Binvite ref="BinviteRef" />
    <Rnavbar :fixed="false" class="Rnavbar">
      <template #left>
        <Rimage height="60rem" width="60rem" :src="ethCoinEnum.NLK?.logo" />
        <span class="ML-sm">{{ props.title }}</span>
      </template>
      <template #right>
        <Ricon
          @click="BangSelectRef?.open"
          class="active"
          r-name="icon-duoyuyan"
        />
        <Ricon
          @click="BinviteRef?.open"
          class="active ML-sm"
          r-name="icon-fenxiang"
        />
      </template>
    </Rnavbar>
  </div>
</template>

<style lang="less">
.Rnavbar {
  .van-nav-bar {
    background: none;
  }
}
</style>
